.buttonVar{padding:9px 24px;font-size:14px;border-radius:24px;cursor:pointer;transition:all .3s ease;display:inline-block}.buttonVar--primary{background-color:#007aff;color:#fff}.buttonVar--primary:hover{opacity:.85;box-shadow:0 4px 8px rgba(0,0,0,.1);color:#fff}.buttonVar--default{background-color:#fff;color:#1f1f1f}.buttonVar--default:hover{opacity:.85;box-shadow:0 4px 8px rgba(0,0,0,.1);color:#1f1f1f}.buttonVar--foreground{background-color:#171717;color:#fff}.buttonVar--foreground:hover{opacity:.85;box-shadow:0 4px 8px rgba(0,0,0,.1);color:#fff}.buttonVar--icon{width:32px;height:32px;border-radius:50%;padding:8px;display:inline-flex;align-items:center;justify-content:center}.buttonVar--small{padding:8px 20px;font-size:14px}.buttonVar--medium{padding:9px 24px;font-size:14px}.buttonVar--large{padding:12px 24px;font-size:16px}.button-outline{padding:9px 24px;font-size:14px;border-radius:24px;border:1px solid #007aff;color:#007aff;cursor:pointer;transition:all .3s ease}.button-outline--icon{width:32px;height:32px;border-radius:50%;padding:8px;display:inline-flex;align-items:center;justify-content:center}.button-outline--small{padding:8px 20px;font-size:14px}.button-outline--medium{padding:9px 24px;font-size:14px}.button-outline--large{padding:12px 24px;font-size:16px}.button-outline:hover{opacity:.85;box-shadow:0 4px 8px rgba(0,0,0,.1)}